<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>镁伽官方网站-Future Beyond Sight. - 北京镁伽机器人科技有限公司</title>
    <meta name="keywords" content="" />
    <meta name="description"
        content="" />
    <meta name="author" content="江苏博敏网络科技有限公司，http://www.boooming.com">
    <link rel="stylesheet" href="//g-style-js.bcdn8.com/css/font.css">
    <link rel="stylesheet" href="//g-style-js.bcdn8.com/css/reset.css">
</head>
<style>
    body {
        height: 100vh;
        overflow: hidden;
        font-family: -apple-system, BlinkMacSystem, 'montserrat';
    }

    .w100 {
        width: 100%;
    }

    .m_img {
        display: none;
    }

    .pc_img{
        width: 100%;
        height: 100%;
    }
    .pc_img>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .logo {
        width: 18.5rem;
        position: absolute;
        top: 4.625rem;
        left: 5.25rem;
    }

    .text {
        width: 100%;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .text h3 {
        color: #FFF;
        font-size: 3.5263rem;
        font-weight: 900;
        letter-spacing: .3526rem;
        text-align: center;
        line-height: 1.3;
    }

    .text p {
        color: #FFF;
        font-size: 2.4401rem;
        font-weight: 900;
        letter-spacing: .1708rem;
        text-align: center;
        /*font-family: montserrat;*/
        letter-spacing: 8px;
        line-height: 1.5;
    }

    .text .p1 {
        color: #FFF;
        font-size: 1.2053rem;
        font-weight: 600;
        text-align: center;
    }

    @media (max-width: 990px) {
        body {
            padding: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .pc_img {
            display: none;
        }

        .m_img {
            display: block;
            height: 100%;
        }

        .m_img>img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


        .logo {
            width: 12rem;
            position: absolute;
            top: 2.8125rem;
            left: 3.75rem;
        }

        .text {
            width: 100%;
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .text h3 {
            color: #FFF;
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: .3526rem;
            text-align: center;
        }

        .text p {
            color: #FFF;
            font-size: 1.5rem;
            font-weight: 600;
            letter-spacing: .1708rem;
            text-align: center;
            line-height: 1.5;
        }

        .text .p1 {
            color: #FFF;
            font-size: .875rem;
            font-weight: 600;
            text-align: center;
        }

    }
</style>

<body>
    <div class="pc_img pr">
        <img src="./img/pc.jpg" alt="" class="w100">

        <div class="logo"><img src="./img/logo.svg" alt="" class="w100"></div>
        <div class="text">
            <h3>升级维护中</h3>
             <div class="p1">System Under Maintenance</div>
            <p class="mt20"> 给您带来不便敬请谅解，火速维护中，马上回来！</p>
            <div class="p1">Sorry for the inconvenience. We'll be back soon. Thank you!</div>
        </div>
    </div>
    <div class="m_img pr">
        <img src="./img/phone.jpg" alt="" class="w100">

        <div class="logo"><img src="./img/logo.svg" alt="" class="w100"></div>
        <div class="text">
            <h3>升级维护中</h3>
             <div class="p1">System Under Maintenance</div>
            <p class="mt15"> 给您带来不便敬请谅解，<br />火速维护中，马上回来！</p>
            <div class="p1"> Sorry for the inconvenience. <br />We'll be back soon. Thank you!
            </div>
        </div>
    </div>
</body>



</html>